$time: 10s;
:export {
  time: $time;
}
.wheel.paused {
  animation-play-state:paused;
  -webkit-animation-play-state:paused; /* Safari 和 Chrome */
}
.wheel.play {
  animation-play-state:running;
  -webkit-animation-play-state:running; /* Safari 和 Chrome */
}

.wheel-box {
  width: 1090px;
  height: 1090px;
  margin: 0 auto;
  position: relative;
  .wheel {
    width: 768px;
    height: 768px;
    margin: 0 auto;
    position: relative;
    background: url("../images/fsw.png") no-repeat center;
    z-index: 3;
    animation: run $time linear infinite;

    img {
      position: absolute;
      transform-origin: center 0;
      animation: imgrun $time linear infinite;
    }
    .boy {
      top: 28px;
      left: 320px;
    }
    .dog {
      top: 130px;
      left: 575px;
    }
    .girl {
      top: 380px;
      left: 672px;
    }
    .girls {
      top: 633px;
      left: 577px;
    }
    .hairboy {
      top: 740px;
      left: 326px;
    }
    .mimi {
      top: 638px;
      left: 74px;
    }
    .mudog {
      top: 386px;
      left: -34px;
    }
    .shamegirl {
      top: 130px;
      left: 70px;
    }
  }
  .bk {
    width: 358px;
    height: 529px;
    position: absolute;
    top: 382px;
    left: 362px;
    background: url("../images/bracket.png") no-repeat center;
    z-index: 4;
  }
  .bksmall {
    width: 247px;
    height: 505px;
    position: absolute;
    top: 381px;
    left: 420px;
    background: url("../images/bracketsmall.png") no-repeat center;
  }
  .mytitle dt {
    background: url("../images/big-title.png") no-repeat center;
    position: absolute;
    width: 577px;
    height: 277px;
    top: 256px;
    left: 254px;
    z-index: 5;
  }
  .b1pos {
    width: 150px;
    width: 50px;
    position: absolute;
    right: 50px;
  }

  .fast-btn {
    top: 300px;
  }
  .slow-btn {
    top: 330px;
  }
  @keyframes run {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }

  @keyframes imgrun {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(-360deg);
    }
  }
}
